<script setup lang="ts">
let progressComplete = () => {
  console.log('加载完成')
}
</script>

<template>
  <div>
    <m-progress :percentage="60" isAnimation :time="200"></m-progress>
    <m-progress
      :percentage="80"
      isAnimation
      :time="200"
      :text-inside="true"
      :stroke-width="22"
      status="warning"
    ></m-progress>
    <m-progress
      type="circle"
      :percentage="60"
      isAnimation
      :time="200"
    ></m-progress>
    <m-progress
      type="circle"
      :percentage="100"
      isAnimation
      :time="200"
      @complete="progressComplete"
    ></m-progress>
  </div>
</template>

<style lang="scss" scoped></style>
